<template>
  <div class="app">
    <el-aside style="background-color: #f2f2f2" width="200px">
      <el-menu
          class="side-menu"
      >

        <div class="image-container">
          <img alt="logo" class="logo" src="@/assets/pdd-logo.png"/>
        </div>

        <el-menu-item
            index="1"
            @click="$router.push('/system')">
          <el-icon>
            <House/>
          </el-icon>
          <span>主页</span>
        </el-menu-item>

        <el-menu-item
            @click="$router.push('/system/goods')">
          <el-icon>
            <Goods/>
          </el-icon>
          <span>商品管理</span>
        </el-menu-item>

        <el-menu-item
            @click="$router.push('/system/product')">
          <el-icon>
            <ShoppingCart/>
          </el-icon>
          <span>货物管理</span>
        </el-menu-item>

        <el-menu-item
            @click="$router.push('/system/orderdetail')">
          <el-icon>
            <Money/>
          </el-icon>
          <span>订单管理</span>
        </el-menu-item>

        <el-menu-item
            @click="$router.push('/system/refund')">
          <el-icon>
            <Van/>
          </el-icon>
          <span>售后管理</span>
        </el-menu-item>

        <el-menu-item
            @click="$router.push('/system/user')">
          <el-icon>
            <User/>
          </el-icon>
          <span>用户管理</span>
        </el-menu-item>

        <el-menu-item
            @click="ElMessage.error('功能开发中')">
          <el-icon>
            <House/>
          </el-icon>
          <span>其他</span>
        </el-menu-item>


      </el-menu>
    </el-aside>
  </div>
</template>

<script setup>
import {House, Money, ShoppingCart, User, Van} from "@element-plus/icons-vue";
import {ElMessage} from "element-plus";
</script>

<style scoped>
@import "@/assets/Sidebar.css";

</style>
